<%-- 
    Document   : inicio
    Created on : 17-ago-2013, 17:55:08
    Author     : Carlos
--%>



<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
    <!-- CONTENIDO START -->
    
    
    <div id="contenido" class="big">

      <!--FILA SLIDER PROMOCIONES START-->
        <div class="fila_nobackground">
          <div class="contenido_borde_izq">
          <div class="contenido_borde_der">
            <div class="columna_derecha short" style="margin-bottom:10px;">

             <div id="myCarousel" class="carousel slide">
               <!-- Indicators -->
               <ol class="carousel-indicators">
                 <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                 <li data-target="#myCarousel" data-slide-to="1"></li>
                 <li data-target="#myCarousel" data-slide-to="2"></li>
               </ol>
               <div class="carousel-inner">
                 <div class="item active">
                   <img src="../img/slide1.jpg" alt="First slide">
                   <div class="container">
                     <div class="carousel-caption ">

                     </div>
                   </div>
                 </div>
                 <div class="item">
                  <img src="../img/slide2.jpg" alt="Second slide">
                   <div class="container">
                     <div class="carousel-caption ">

                     </div>
                   </div>
                 </div>
                 <div class="item">
                  <img src="../img/slide3.jpg" alt="Third slide">
                   <div class="container">
                     <div class="carousel-caption">
                     </div>
                   </div>
                 </div>
               </div>
               <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-right"><img src="../img/flecha_izq.png" alt="Flecha izq" /></span></a>
               <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"><img src="../img/flecha_der.png" alt="Flecha der" /></span></a>
             </div>
            </div>
          </div>
          </div>
        </div>

        <!--FILA SLIDER PROMOCIONES END-->

	
        <!--FILA BUSCADOR TIENDAS START-->
        
        <s:form id="busquedaTiendas">
        <input type="hidden" id="clickCiudad" name="clickCiudad" value="0"/>
        <input type="hidden" id="clickCategoria" name="clickCategoria" value="0"/>
        
        	
       
        <div class="fila_nobackground">
          <div class="contenido_borde_izq">
          <div class="contenido_borde_der">
            <div class="columna_derecha">


              <div id="buscadorTiendas">

                <ul id="pestaniasBuscador" class="nav nav-tabs">
                  <li class="active">
                    <a href="#paises" data-toggle="tab" id="paisesTab">PAÍS</a>
                  </li>
                  <li>
                    <a href="#ciudades" data-toggle="tab" id="ciudadesTab">CIUDAD</a>
                  </li>
                  <li>
                    <a href="#categorias" data-toggle="tab" id="categoriasTab" >CATEGORÍA</a>
                  </li>
                  <li>
                    <a href="#subcategorias" data-toggle="tab" id="articulosTab" style="display:none;">ARTICULO</a
                    ></li>
                </ul>

                <div id="pestaniasBuscadorContenido" class="tab-content">
                  <div id="buscador_button">
                    <form action="resultados.html">
                    <button type="button" id="busca" class="btn">BUSCAR <br/>TIENDA</button>
                    </form>
                  </div>

				  <!-- Tab Paises -->
                  <div class="tab-pane fade in active" id="paises">
                    <ul class="listado_seleccion central">
                      
					<s:iterator value="paises">
						<li>
						<div class="radioButton">
                          <input type="radio" id="pais_<s:property value="id" />" name="pais" value="<s:property value="id" />"   class="radiopais" checked disabled/>
                          <label for="pais_<s:property value="id" />"><span></span><s:property value="nombre" /></label>
                        </div>
                      </li>
					</s:iterator>
                    </ul>
                  </div>
                  
         		  <!-- Tab CIUDADES -->
                  <div class="tab-pane fade in" id="ciudades">
					<ul class="listado_seleccion" id="espania">
						<li>
								<div class="radioButton">
					                      <input type="radio" id="ciudad_0" name="ciudad" value="0" onDblClick="uncheckRadio(this)"  class="radiociudad"/>
					                      <label for="ciudad_0"><span></span>Todas</label>
					            </div>
					    </li>
                       	<s:iterator value="listaciudad">
							<li>
								<div class="radioButton">
	                      				<input type="radio" id="<s:property value="id" />" name="ciudad" value="<s:property value="id" />"   class="radiociudad"/>
	                      				<label for="<s:property value="id" />"><span></span><s:property value="nombre" /></label>
	                    		</div>
	                 		 </li>
						</s:iterator>
					</ul>
                  </div>
                  
                   <!-- CATEGORIAS -->
                  <div class="tab-pane fade in " id="categorias">
                    <ul class="listado_seleccion menor">
                    	<li>
								<div class="radioButton">
					                      <input type="radio" id="categoria_0" name="categoria" value="0"   class="radiocategoriaTodas"/>
					                      <label for="categoria_0"><span></span>Todas las Categorías</label>
					            </div>
					    </li>
	                    <s:iterator value="listadocategorias">
							<li>
								<div class="radioButton">
					                      <input type="radio" id="categoria_<s:property value="id" />" name="categoria" value="<s:property value="id" />"   class="radiocategoria"/>
					                      <label for="categoria_<s:property value="id" />"><span></span><s:property value="nombre" /></label>
					            </div>
					         </li>
						</s:iterator>
                    </ul>
                  </div>
                  
                  <!-- SUBCATEGORIAS -->
                  <div class="tab-pane fade in " id="subcategorias">
 					 <ul class="listado_seleccion menor">
    
                    </ul>
                  </div>
                </div>

				<!-- BUSCADOR POR TEXTO -->
                <div id="buscador">
                  <div id="buscador_text">¿SABES EL NOMBRE DE LA TIENDA?</div>
                  <div class="input-group">
                       <input type="text" class="form-control input-lg" id="texto_tienda" name="texto_tienda">
                  </div>

                </div>

              </div>

            </div>
          </div>
          </div>
        </div>

        <div class="columna_izquierda">
          <div class="pestania">
            <div class="pestania_top"></div>
            <a  title="Volver" class="busca_tu_tienda" id="buscar_tiendas"><span class="big">BUSCA</span> TU TIENDA FAVORITA <span class="big">AQUÍ</span></a>
            <div class="pestania_bottom"></div>
            
          </div>
        </div>
        
        </s:form>
        <!--FILA BUSCADOR TIENDAS END-->

        <!--FILA TIENDA DESTACADA START-->
       <div class="fila_nobackground">
         <div class="contenido_borde_izq">
         <div class="contenido_borde_der">
           <div class="columna_derecha short">


            <div id="tiendas_destacadas" class="carousel slide">
              <div class="carousel-inner">
                <div class="item active">
                  <img src="../img/imagen_cabecera.png" alt="First slide">
                  <div class="container">
                    <div class="carousel-caption">
                      <div class="etiqueta_novedad"><img src="../img/novedad.png" /></div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <img src="../img/imagen_cabecera.png" alt="First slide">
                  <div class="container">
                  </div>
                </div>
              </div>
              <a class="left carousel-control" href="#tiendas_destacadas" data-slide="prev"><span class="glyphicon glyphicon-chevron-right"><img src="../img/flecha_izq.png" alt="Flecha izq" /></span></a>
              <a class="right carousel-control" href="#tiendas_destacadas" data-slide="next"><span class="glyphicon glyphicon-chevron-right"><img src="../img/flecha_der.png" alt="Flecha der" /></span></a>
            </div>


           </div>
         </div>
         </div>
       </div>
        <div class="columna_izquierda">
          <div class="pestania">
            <div class="pestania_top"></div>
            <a href="" title="Volver" class="tienda_destacada"><span class="big">TIENDA</span> DESTACADA</a>
            <div class="pestania_bottom"></div>
          </div>
        </div>
    
        <!--FILA TIENDA DESTACADA END-->

        <!--FILA LO MAS COMPRADO START-->
        <div class="fila_nobackground">
          <div class="contenido_borde_izq">
          <div class="contenido_borde_der">
            <div class="columna_derecha short">
              <div class="entry-content">
                  <div id="scrollerContainer">

                      <ul class="Content" style="display:none;">
                          <li>
                              <img class="Image" src="../articulos/cam1.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam1.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam2.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam2.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>

                          <li>
                              <img class="Image" src="../articulos/cam3.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam1.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam4.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam2.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>

                          <li>
                              <img class="Image" src="../articulos/cam3.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam3.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam5.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam3.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam2.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam4.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam4.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam5.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam1.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam4.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam5.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam3.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam2.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam4.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam4.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam5.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam1.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam4.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam5.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam5.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>
                          <li>
                              <img class="Image" src="../articulos/cam5.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <img class="Thumb" src="../articulos/cam5.png" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." title="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
                              <span class="Media"></span>
                              <span class="Link">tienda_detalle.html</span>
                              <span class="Target">_blank</span>
                          </li>

                      </ul>
                  </div>
              </div>
            </div>
          </div>
        </div>
            <div class="contenido_borde_abajo">
              <div class="esquina_izq"></div>
              <div class="esquina_der"></div>
            </div>
        </div>

        <div class="columna_izquierda">
          <div class="pestania">
            <div class="pestania_top"></div>
            <a href="Inicio.action" title="Volver" class="lo_mas_comprado"><span class="big">LO MÁS</span> COMPRADO <span class="big">HOY</span></a>
            <div class="pestania_bottom"></div>
          </div>
        </div>

        <!--FILA LO MAS COMPRADO END-->


    </div>
    <!-- CONTENIDO END -->
  <!-- JavaScript Sliders -->
  <script type="text/JavaScript" src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/JavaScript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>


  <script>
  $('.carousel').carousel({
    interval: 5000
  })

  $(function() {
    var data = [
    { id:"1", label: "Shoe's Castellana"},
    { id:"55", label: "MANGO"},
    { id:"77", label: "Adolfo Dominguez"},
    { id:"99", label: "ZARA"},
    { id:"100", label: "Springfield" },
    { id:"222", label: "Camper" }
    ];

    $( "#buscar" ).autocomplete({
      delay: 0,
      source: data,
      select: function( event, ui ) {
        //Go to url with window.open(url);
        alert( ui.item ?
        "Seleccionado: " + ui.item.value + ", con id: " + ui.item.id :
        "Sin selección, se escribió" + this.value );
      }
    });
  });
  </script>
  <script type="text/javascript">
  $('#pestaniasBuscador  a[href="#ciudades"]').tab('show');

  $('ul.listado_seleccion').delegate('input[type=radio]', 'change', function () {
    var $lis = $('.listado_articulos > li > div'),
    $checked = $('input:checked');

    if ($(this).parent('div#paises > ul > li > div').length) {

        $('#pestaniasBuscador a[href="#ciudades"]').tab('show');

        $lis.hide('slow').filter(function () {
            return $(this).is($checked.map(function () {
            return '.' + $(this).attr('rel');
        }).get().join(', '));
        }).show('slow');

        $('ul#'+$( "input:checked" ).val()).show();
        $('ul#'+$( "input:checked" ).val()+' li div input').first().prop('checked', true);
    }

    if ($(this).parent('div#ciudades > ul > li > div').length) {

        $('#pestaniasBuscador a[href="#categorias"]').tab('show');

        $lis.hide('slow').filter(function () {
            return $(this).is($checked.map(function () {
            return '.' + $(this).attr('rel');
        }).get().join(', '));
        }).show('slow');

        $('ul#'+$( "input:checked" ).val()).show();
        $('ul#'+$( "input:checked" ).val()+' li div input').first().prop('checked', true);
    }

    if ($(this).parent('div#categorias > ul > li > div').length) {

        $('#pestaniasBuscador a[href="#subcategorias"]').tab('show');

        $lis.hide('slow').filter(function () {
            return $(this).is($checked.map(function () {
            return '.' + $(this).attr('rel');
        }).get().join(', '));
        }).show('slow');

        $('ul#'+$( "input:checked" ).val()).show();
        $('ul#'+$( "input:checked" ).val()+' li div input').first().prop('checked', true);
    }

  });
  </script>

  <script type="text/JavaScript" src="../dopts/assets/js/jquery.dop.ThumbnailScroller.js"></script>
  <script type="text/JavaScript">
      $(document).ready(function(){
          $('#scrollerContainer').DOPThumbnailScroller({'SettingsDataType': 'XML',    'SettingsFilePath': '../dopts/xml/settings3.xml',
                                                         'ContentDataType': 'HTML'});
      });
  </script> 
  <div id="testing">
  </div>
  
  <!-- Para la busqueda de ciudades -->
	<script type="text/javascript">
	
	function cargarCiudades(idpais){
		$( "#ciudades" ).load( "${pageContext.servletContext.contextPath}/liwalo/CityResult.action?pais="+idpais, function() {	  
		});
	}
	
	
	function cargarCategorias(idCiudad){
		document.busquedaTiendas.clickCiudad.value=1;
		  $( "#categorias" ).load();
	}

	function cargarSubCategorias(idcategoria){
		document.busquedaTiendas.clickCategoria.value=1;
		$( "#subcategorias" ).load( "${pageContext.servletContext.contextPath}/liwalo/SubCatResult.action?idcategoria="+idcategoria, function() {
			
		});
	}
	
	
	
	$(document).ready(function(){
		$('.radiopais').click(function(event){
			cargarCiudades($('#'+event.target.id).val());
		});	
    });
	
	
	
	$(document).ready(function(){
	
		
		$('.radiociudad').click(function(event){
			cargarCategorias($('#'+event.target.id).val());
			
		});	
		
 	 });
	
	
	$(document).ready(function(){
		$('.radiotodascategoria').click(function(event){
			//cargarSubCategorias($('#'+event.target.id).val());
			
			var $tab = $('[data-toggle="tab"][href="#categorias"]');
		    // OR var $tab = $('#tabID');

		    $tab.click(function(e) {      // Binding for later use (for user interaction)
		        e.preventDefault();
		        $tab.tab('show');
		    });
		    $tab.show();                  // Display the tab
		    $tab.tab('show');
		});		
	
    });
	
	$(document).ready(function(){
		$('.radiocategoria').click(function(event){
			cargarSubCategorias($('#'+event.target.id).val());
			var $tab = $('[data-toggle="tab"][href="#subcategorias"]');
			
			if($('#'+event.target.id).val()>0){
				 $tab.click(function(e) {      // Binding for later use (for user interaction)
				        e.preventDefault();
				        $tab.tab('show');
				    });
				    $tab.show();                  // Display the tab
				    $tab.tab('show');
			}else{
				 $('#pestaniasBuscador a[href="#categorias"]').tab('show');

			        $lis.hide('slow').filter(function () {
			            return $(this).is($checked.map(function () {
			            return '.' + $(this).attr('rel');
			        }).get().join(', '));
			        }).show('slow');

			        $('ul#'+$( "input:checked" ).val()).show();
			        $('ul#'+$( "input:checked" ).val()+' li div input').first().prop('checked', true);
			}
			
		   

		   
		});		
    });
	
	$(document).ready(function(){
		$('.radiocategoriaTodas').click(function(event){
			cargarSubCategorias($('#'+event.target.id).val());
			var $tab = $('[data-toggle="tab"][href="#subcategorias"]');
			
			if($('#'+event.target.id).val()>0){
				 $tab.click(function(e) {      // Binding for later use (for user interaction)
				        e.preventDefault();
				        $tab.tab('show');
				    });
				    $tab.show();                  // Display the tab
				    $tab.tab('show');
			}else{
				 $('#pestaniasBuscador a[href="#categorias"]').tab('show');

				 $tab.click(function(e) {      // Binding for later use (for user interaction)
				        e.preventDefault();
				        $tab.tab('show');
				    });
				    $tab.hide();                  // Display the tab
				   // $tab.tab('show');

			        $('ul#'+$( "input:checked" ).val()).show();
			        $('ul#'+$( "input:checked" ).val()+' li div input').first().prop('checked', true);
			}
			
		   

		   
		});		
    });
	

	// Enviar el formulario de busqueda 
		$('#busca').click(function(){
			
			var clickcd=document.busquedaTiendas.clickCiudad.value;
			var clickcat=document.busquedaTiendas.clickCategoria.value;
			var texto=document.busquedaTiendas.texto_tienda.value;
			
			if((clickcd==0) && (clickcat==0) && (texto=='')){
				alert('Seleccionar una Ciudad o Categoria');
			}else{
			        var formData = $("#busquedaTiendas").serialize(); 
			          //do the POST thingies
			        $.ajax({
			            type: "POST",
			            url: "${pageContext.servletContext.contextPath}/liwalo/ResultadoBusqueda.action",
			            cache: false,
			            data: formData,
			            success: function(data){
		                 
		                    document.busquedaTiendas.action="ResultadoBusqueda";
		                    document.busquedaTiendas.submit();
		                },
			            error: function(){
		                    alert('peto');
		                }
			        });
			
			        return false;
			}
		});
    
	
	
	function cargarCiudades(idpais){
		$( "#ciudades" ).load( "${pageContext.servletContext.contextPath}/liwalo/ResultadoBusqueda.action?pais="+1, function() {
			  alert( "Load was performed." );
		});
	}
	

	
	$(document).ready(function(){
		$('.envio').click(function(event){
			cargarCiudades($('#'+event.target.id).val());
		});	
		

		
    });
	
	var era;
	var previo=null;
	function uncheckRadio(rbutton){
	if(previo &&previo!=rbutton){previo.era=false;}
	if(rbutton.checked==true && rbutton.era==true){rbutton.checked=false;}
	rbutton.era=rbutton.checked;
	previo=rbutton;
	}
	</script>
  
  
  